@charset "utf-8";
/* CSS Document */

#dvPart1 {

	width: 579px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 10px;

	padding-top: 5px;

}

#dvPart1 p {

	color: #999999;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	font-size: 10px;

}



#dvMain1Img1 {

	text-align: center;

	width: 570px;

	margin-right: auto;

	margin-left: auto;

}

#dvPart1 h2 {

	font-size: 11px;

	margin: 0px;

	font-weight: normal;

	color: #999999;

}

#dvPart1 h3 {

	font-size: 11px;

	font-weight: normal;

	color: #999999;

	margin-top: 0px;

	margin-bottom: 0px;

}



#dvPart2 p {

	clear: both;

	margin-right: 12px;

	margin-left: 12px;

	font-size: 10px;

	color: #999999;

	margin-top: 10px;

	margin-bottom: 0px;

}



#dvPart2 #dvHer {

	width: 280px;

	float: left;

	margin-left: 12px;

}

#imgHer {

	border: 1px solid #CCCCCC;

}

#dvPart2 #dvHim {

	width: 280px;

	float: right;

	margin-right: 12px;

}

#imgHis {

	border: 1px solid #CCCCCC;

}

#dvPart3 {

	clear: both;

	width: 580px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	padding-top: 10px;

	padding-bottom: 10px;

}

#dvPart3 p {

	color: #999999;

	text-align: left;

	font-size: 10px;

	margin-top: 10px;

	margin-right: 12px;

	margin-bottom: 0px;

	margin-left: 12px;

}



#dvPart4 {

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: auto;

	margin-left: auto;

}

#dvPart4 p {

	font-size: 10px;

	color: #999999;

	clear: both;

	margin-top: 10px;

	margin-right: 12px;

	margin-bottom: 0px;

	margin-left: 12px;

}



#dvNewPrd {

	float: left;

	width: 280px;

	margin-left: 12px;

}

#dvSellers {

	float: right;

	width: 280px;

	margin-right: 12px;

}

#imgRightBlock {

	height: 160px;

	width: 160px;

	margin-bottom: 10px;

}

#dvWinner {

	font-weight: bold;

	padding-bottom: 12px;

}











.MainTabbedPanels {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: none;

	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/

}



/* This is the selector for the TabGroup. The TabGroup container houses

 * all of the tab buttons for each tabbed panel in the widget. This container

 * does not contribute anything visually to the look of the widget for our

 * default style.

 *

 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabGroup container.

 */

.MainTabGroup {

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: 3px;

}



/* This is the selector for the TabbedPanelsTab. This container houses

 * the title for the panel. This is also the tab "button" that the user clicks

 * on to activate the corresponding content panel so that it appears on top

 * of the other tabbed panels contained in the widget.

 *

 * For our default style, each tab is positioned relatively 1 pixel down from

 * where it wold normally render. This allows each tab to overlap the content

 * panel that renders below it. Each tab is rendered with a 1 pixel bottom

 * border that has a color that matches the top border of the current content

 * panel. This gives the appearance that the tab is being drawn behind the

 * content panel.

 *

 * The name of the class ("TabbedPanelsTab") used in this selector is not

 * necessary to make the widget function. You can use any class name you want

 * to style this tab container.

 */

.MainTabbedPanelsTab {

	position: relative;

	float: left;

	list-style: none;

	-moz-user-select: none;

	-khtml-user-select: none;

	cursor: pointer;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	width: 180px;

	margin-top: 0px;

	margin-right: 1px;

	margin-bottom: 0px;

	margin-left: 0px;

	line-height: 20px;

	top: 1px;

	background-color: #DDDDDD;

	color: #333333;

	padding-left: 10px;

}



/* This selector is an example of how to change the appearnce of a tab button

 * container as the mouse enters it. The class "TabbedPanelsTabHover" is

 * programatically added and removed from the tab element as the mouse enters

 * and exits the container.

 */

.TabbedPanelsTabHover {

	background-color: #CCCCCC;

}



/* This selector is an example of how to change the appearance of a tab button

 * container after the user has clicked on it to activate a content panel.

 * The class "TabbedPanelsTabSelected" is programatically added and removed

 * from the tab element as the user clicks on the tab button containers in

 * the widget.

 *

 * As mentioned above, for our default style, tab buttons are positioned

 * 1 pixel down from where it would normally render. When the tab button is

 * selected, we change its bottom border to match the background color of the

 * content panel so that it looks like the tab is part of the content panel.

 */

.TabbedPanelsTabSelected {

	background-color: #EFEFEF;

}



/* This selector is an example of how to make a link inside of a tab button

 * look like normal text. Users may want to use links inside of a tab button

 * so that when it gets focus, the text *inside* the tab button gets a focus

 * ring around it, instead of the focus ring around the entire tab.

 */

.MainTabbedPanelsTab a {

	color: black;

	text-decoration: none;

}



/* This is the selector for the ContentGroup. The ContentGroup container houses

 * all of the content panels for each tabbed panel in the widget. For our

 * default style, this container provides the background color and borders that

 * surround the content.

 *

 * The name of the class ("TabbedPanelsContentGroup") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the ContentGroup container.

 */

.MainContentGroup {

	clear: both;

	font-size: 11px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



/* This is the selector for the Content panel. The Content panel holds the

 * content for a single tabbed panel. For our default style, this container

 * provides some padding, so that the content is not pushed up against the

 * widget borders.

 *

 * The name of the class ("TabbedPanelsContent") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the Content container.

 */

.MainContent {

	padding: 4px;

}

